<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>稻妻篇</title>
    <style>
        
        h1{
            font-size: 50px;
            text-align: center;
            color: #12ada0;
        }
        h2{
            font-size: 38px;
            text-align: center;
        } 
        p{
            font-size: 30px;
            font-family: 微软雅黑,黑体,sans-serif;
            text-indent: 2em;
            text-align: center;
            line-height: 1.5;
            color: #a100a1;
            color: rgba(182, 14, 182, 0.507);
            width: 34em;
            
        }
        body{
            text-align: center;
            background-color: #eeeeee;
        }
       div{
        height: 15em;
        width: 6em;
        text-align: center;
        background-color: rgb(194, 194, 189);
        background-color: #eeeeee;;
        
       }
       a{
            text-decoration: none;
            color: rgb(26, 28, 28);
            font-family: 微软雅黑;
            font-size: 30px;
            line-height: 1.5em;

        }
        a:hover{
            color: rgb(24, 172, 195);
            background-color: darkgray;
        }
        span{
            background-color: rgb(255, 255, 255);
            width: 68em;
            border: 1px solid rgb(190, 188, 188) ;
            position: absolute;
            left: 14em;
            text-align: center;
        }
    </style>
</head>
<body>
    <span>
    <h1>稻妻</h1>
    <hr>
    <h2>鸣神岛</h2>
    <img src="../image/1.png" alt="鸣神岛"><br>
    <img src="../image/2..png" alt="鸣神岛"><br>
    <h2>鸣神大舍</h2>
    <img src="../image/3.png" alt="鸣神大舍"><br>
    <h2>镇守之森</h2>
    <img src="../image/4.png" alt="镇守之森"><br>
    <img src="../image/5.png" alt="镇守之森"><br>
    <h2>稻妻城</h2>
    <img src="../image/6.png" alt="稻妻城"><br>
    <h2>绀田村</h2>
    <img src="../image/8.png" alt="绀田村"><br>
    <h2>蛇神之首</h2>
    <img src="../image/10.png" alt="蛇神之首"><br>
    <h2>无想刃狭间</h2>
    <img src="../image/11.png" alt="无想刃狭间">
    <img src="../image/12.png" alt="无想刃狭间"><br>
    <h2>珊瑚宫</h2>
    <img src="../image/13.png" alt="珊瑚宫">
    <img src="../image/14.png" alt="珊瑚宫"><br>
    <h2>深海龙蜥之所</h2>
    <img src="../image/15.png" alt="深海龙蜥之所"><br>
    <h2>清籁岛</h2>
    <img src="../image/17.png" alt="清籁岛"><br>
    <h2>渊下宫</h2>
    <img src="../image/19.png" alt="渊下宫"><br>
    <h2>渊下之钉</h2>
    <img src="../image/24.png" alt="渊下之钉"><br>
</span>
    <div>
        <a href="../../index.html">首页</a><br>
        <a href="mengde.html">蒙德</a><br>
        <a href="liyue.html">璃月</a><br>
        <a href="xumi.html">须弥</a><br>
    </div>
</body>
</html>